<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>用户注册-绿色记忆</title>
  <style>
    
    /* 插入图片 */ /* 图片平铺不重复 */
    body{background-image: url(../public/ac9d25bc3430a8d0aeafb89b1b3ee460.jpeg); background-size: cover ;}  
    .center{color: #000;}
    .sm{width: 300px;height: 35px;}
    a{  color: #000;}
    .juz{width:0;height:0;margin: auto;}
    .juz{width: 320px;height: 330px; background-color: snow !important;}
    .center,.ajax,.foot{width: 300px;height: 200px;}
    h2{margin-top: 100px;margin-left: 100px;}
    .ajax{margin-top: -140px;margin-left: 5px;}
    input~input{margin-top: 10px;}
    button{margin-top: 30px;margin-left: 10px;background-color: red;}
  </style>
</head>

<body>
  <div class="juz">
    <div class="juz1">
  <!-- 注册大块 -->
  <div class="center">
    <h2>欢迎注册</h2>
  </div>
  <!-- ajax交互部分 -->
  <div class="ajax">
    <input type="text" placeholder="用户名" class="sm">
    <input type="text" placeholder="手机号/邮箱" class="sm">
    <input type="text" placeholder="密码" class="sm"><br>
    <input type="text" placeholder="确认密码" class="sm">
  </div>
<!-- 页尾部分 -->
  <div class="foot">
    
    <button class="sm">注册</button>
  </div>
</div>
</div>
</body>

</html>